<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="userInfo"></div>
</body>
<script>

    // 在es6之前我们的字符串 使用引号表示（1. 单引号 2. 双引号）
    var string = 'abc';
    var string1 = "def";

    console.log(string, string1);

    // 求和函数
    function sum(a, b) {
        return a + b;
    }

    // es6 里面引入字符串新的 表示法
    /* 模板字符串里面可以直接存放变量，语法格式：在模板字符串里面通过 ${变量名称} 
    并且模板字符里面的 ${ express } 插入的时候可以放表达式
    1. 字符串拼接
    2. 四则运算
    3. 三目
    4. 系统函数 ECMAScript函数
    5. 用户自定义函数
    6. 支持直接换行

    进行变量和字符串的拼接 */
    var string2 = `
                    我是es6里面的字符串表示法, es5里面的string变量的值是：${string}  。
                    string1的值为：${string1}。可以把 string和string1内部拼接 ${string + string1}。
                    还可以做四则运算：1+1=${1 + 1}, 2*10=${2 * 10}。
                    19岁是否成年了？${19 >= 18 ? '19岁成年了' : '还没有成年！'}。
                    产生一个随机数： ${Math.random()}。
                    完成求和操作1+19=${sum(1, 19)}
                `; // 使用 反引号 ` `

    console.log(string2)

</script>

</html>